@media screen and (min-width:460px) {
	.content-info,.content-text,.content-ending,.content-card {
		width: 70%;
	}
}

@media screen and (max-width:500px) {
	.content-info,.content-text,.content-ending,.content-card {
		width: 100%;
	}
}

@media screen and (min-width:500px) and (max-width:600px) {
	.content-info,.content-text,.content-ending,.content-card {
		width: 90%;
	}
}

@media screen and (min-width:600px) and (max-width:900px) {
	.content-info,.content-text,.content-ending,.content-card {
		width: 550px;
	}
}

@media screen and (min-width:900px){
	.content-info,.content-text,.content-ending,.content-card {
		width: 60%;
	}
}

.content-card {
	margin: 20px auto;
	padding: 20px 20px;
	
	background-color: white;
	
	border: 1px solid darkgray;
	box-shadow: 0px 1px 2px 0px lightgray;
	border-radius: 10px;
	
	text-align: left;
}

.content-card *{
	color: gray;
	
	max-width: 100%;
	margin: 5px auto;
}

.content-card a{
	text-decoration: none;
	color: none;
}

.content-card-author, .content-card-info, .content-card-date{
	color: gray;
}

#content {
	text-align: center;
}

.content-info {
	color: gray;
	
	margin: 0 auto;
	text-align: left;
	line-height: 1;
	
	background-color: white;
}

.content-text,.content-ending {
	color: gray;
	padding: 10px 10px;
	margin: 0 auto;
	line-height: 1;
	
	background-color: white;
}
.content-text{
	text-align: left;
}

.content-ending {
	text-align: right;
}


.content-info p, span{
	color: gray;
}

.content-info img{
	width: 1rem;
	height: 1rem;
}

.content-info li{
	display: inline-block;
}

.content-info li:before{
	content: "• ";
	color: #ABCDEF;
}

